<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圆角边框</title>
</head>

<body>
    border-radius: length;
    <ul>
        <li>参数值可以是数值也可以是百分比</li>
        <li>正方形变圆需要数值为宽或高的一半/50%</li>
        <li>矩形变圆需要数值等于高度的一半</li>
        <li>简写属性：左上 右上 右下 左下</li>
    </ul>
</body>

</html>